<template>
  <div class="detail-wrapper">
    <div class="detail-main">
      <div class="detail-column">
        <div class="column-title">设备信息</div>
        <div class="column-content">
          <a-descriptions
            bordered
            :labelStyle="{ width: '120px' }"
            :contentStyle="{ width: '500px' }"
            :column="{ xxl: 2, xl: 2, lg: 2, md: 1, sm: 1, xs: 1 }"
          >
            <a-descriptions-item label="设备名称"
              >这是客户名称</a-descriptions-item
            >
            <a-descriptions-item label="设备保修期">
              36个月
             
            </a-descriptions-item>
            <a-descriptions-item label="设备型号">正式客户</a-descriptions-item>
            <a-descriptions-item label="设备状态">合作良好</a-descriptions-item>
            <a-descriptions-item label="最新软件版本"
              >天津市-津南区</a-descriptions-item
            >
          </a-descriptions>
        </div>
      </div>
      <div class="detail-column">
        <div class="column-title">预览模型</div>
        <div class="column-content">
          模型123 <a-button :icon="h(DownloadOutlined)" type="primary">下载</a-button>
        </div>
      </div>
      <div class="detail-column">
        <div class="column-title">预览图片</div>
        <div class="column-content">
          模型123 <a-button :icon="h(DownloadOutlined)" type="primary">下载</a-button>
        </div>
      </div>
      <div class="detail-column">
        <div class="column-title">仪器介绍</div>
        <div class="column-text">
          3243242
        </div>
      </div>
      <div class="detail-column">
        <div class="column-title">实验内容</div>
        <div class="column-text">
          3243242
        </div>
      </div>
      <div class="detail-column">
        <div class="column-title">配置参数</div>
        <div class="column-content">
          <a-descriptions
            bordered
            :labelStyle="{ width: '120px' }"
            :contentStyle="{ width: '500px' }"
            :column="{ xxl: 3, xl: 3, lg: 3, md: 1, sm: 1, xs: 1 }"
          >
            <a-descriptions-item label="配置名称">设备1</a-descriptions-item>
            <a-descriptions-item label="配置参数">20</a-descriptions-item>
          </a-descriptions>
        </div>
      </div>
    </div>
  </div>
</template>
<script setup>
import { ref, computed,h } from "vue";
import { DownloadOutlined } from "@ant-design/icons-vue";
</script>

